<script setup lang="ts">
import xmarkIcon from '@/static/images/modal/xmark-circle.png'
import qrcode from '@/static/images/qrcode.png'

defineEmits(['close'])
</script>

<template>
  <view
    class="absolute top-50% left-50% -translate-50% w-582rpx flex flex-col items-center bg-white rounded-20rpx"
    @tap.stop
  >
    <image
      class="absolute top-49rpx right-40rpx w-32rpx h-32rpx"
      :src="xmarkIcon"
      @tap.stop="$emit('close')"
    />
    <Spacer height="85" />
    <view class="text-32rpx leading-32rpx text-#333333 font-bold">
      关注“佳宅通”公众号
    </view>
    <Spacer height="20" />
    <view class="text-28rpx leading-28rpx text-#333333 font-bold">
      更多通知，不要错过
    </view>
    <Spacer height="46" />
    <uv-image
      :src="qrcode"
      width="300rpx"
      height="300rpx"
    />
    <Spacer height="77" />
    <view class="text-#FF6D0A text-32rpx leading-32rpx font-bold">
      长按识别上方二维码，关注公众号
    </view>
    <Spacer height="63" />
  </view>
</template>
